/*
	START STYLES COPIED FROM FDC ...

	CBA-specific styles are at the bottom of this file
*/

/* dashboard styles*/
h2 > a {
	color: #00a782;
}

.flexContainer {
	display: flex;
}

.flexChild {
	flex: 1 1 auto;
	max-width: 60%;
}

	.flexChild:first-of-type {
		margin-right: 24px;
	}

	.flexChild:last-of-type {
		padding-left: 24px;
		border-left: 2px solid #ccc;
	}

	.flexChild:only-of-type {
		margin: 0px;
		padding: 0px;
		border: none;
	}

/* moved to home.component.css*/
/*
ul#dashboard-quick-links {
    list-style: none;
    padding-left: 0px;
}

    ul#dashboard-quick-links li {
        display: flex;
    }

        ul#dashboard-quick-links li a {
            display: flex;
            margin-bottom: 1.5em;
        }

            ul#dashboard-quick-links li a:hover {
                text-decoration: none;
            }

            ul#dashboard-quick-links li a * {
                flex: 0 1 auto;
            }

            ul#dashboard-quick-links li a div.icon {
                min-width: 40px;
                width: 40px;
                height: 40px;
                background-image: url('/cdn/img/mspp/portal-logos-all.png');
                background-repeat: no-repeat;
                background-size: 300px;
            }

            ul#dashboard-quick-links li a h5 {
                margin-bottom: 1em;
            }

            ul#dashboard-quick-links li a p {
                color: gray;
            }

    ul#dashboard-quick-links #groups {
        background-position-x: -88px;
    }

    ul#dashboard-quick-links #templates {
        background-position-x: -44px;
    }

    ul#dashboard-quick-links #dropbox {
        background-position-x: -265px;
    }

	ul#dashboard-quick-links #books {
		background-position-x: -88px;
	}

    ul#dashboard-quick-links #users {
        background-position-x: -177px;
    }*/

ul#dashboard-quick-links li a div.icon {
	min-width: 40px;
	width: 40px;
	height: 40px;
	background-image: url('/cdn/img/mspp/portal-logos-all.png');
	background-repeat: no-repeat;
	background-size: 300px;
}
/* end dashborad styles */


/* questionnaire fixes from TD */
.questionnaire section {
	overflow-y: hidden;
}


.questionnaire li.answer li.full input[type="text"] {
	width: 100%;
}


.questionnaire .answer input[type="text"] {
	width: auto; /* certain fields on IE 11 and below do not pick up initial, this is a workaround */
	width: initial;
}

.address {
	width: 375px !important;
}

.questionnaire .question {
	color: #000000;
	flex: 0 1 30%;
	font-weight: bold;
	max-width: 260px;
	min-width: 250px;
	padding-right: 20px;
	width: 100%;
}

.questionnaire .answer {
	flex: 1 1 auto;
	margin-top: 0;
}

	.questionnaire .answer:not(.readOnly) label {
		height: 18px;
	}

.questionnaire > section > ul {
	width: 99%;
}

/*upload control styles*/
div.DropZone {
	border: 3px dashed #ccc;
	padding: 20px;
	margin: 0 0 1em;
	text-align: center;
	width: 50%;
}

	div.DropZone.Active {
		background: #dbefff;
		border: 3px dashed #0071bc;
	}

/*role switcher styles*/
#UserRoleSelection {
	margin: 20px 0;
}

	#UserRoleSelection ul {
		margin: 20px 0;
	}

	#UserRoleSelection .FormContainer {
		margin: 20px 0 0;
		text-align: center;
	}
/* end role switcher styles */

/* misc ui elements */
.ResponseErrorMessage {
	padding: 15px;
	background-color: #FFDFDE;
	font-weight: bold;
}

#cboxLoadedContent footer {
	margin-bottom: 20px; /*reduce the crazy bottom margin on footer*/
}
/* end misc ui elements */

.sr-only {
	position: relative;
	left: -9999em;
}

div.buttons {
	width: 60%;
	padding-top: 1em;
}

	div.buttons input {
		margin-right: 8px;
	}

html {
	overflow-x: hidden !important; /* hide horizontal scroll, if impersonation window is visible. with importance, to override core.standard.js */
}

section.upload ul,
section.upload ul li {
	height: 100%; /* force parent elements to stretch to combined height of child elements */
}


section.multiSelectSection {
	overflow-x: visible;
	overflow-y: visible;
}

/*IE/Edge fixes*/
section .filters .actions input {
	display: inline-block;
}

[hidden] {
	display: none !important;
}
/* End IE/Edge fixes */


/*mspp styles*/
a {
	text-decoration: none;
}

strong {
	font-weight: 600;
}

#ControlPanelTab .cpTab {
	color: #000000;
	left: -35px !important;
}

header nav > label {
	color: #959595;
	display: none;
	text-transform: uppercase;
}

header .mobile > a {
	padding: 4px 0;
}

header nav .toggle {
	display: flex;
	padding: 0;
	position: relative;
	z-index: 1;
}

.mobile.toggle {
	display: none;
}

header nav.more {
	display: flex;
	margin: 40px 0 0;
}

header nav.mobile .more > a {
	font-weight: normal;
	padding: 0 20px 20px 0;
	text-transform: none;
}

h1 a {
	color: #00c38e;
}

h2 .headerPlanYear {
	color: #767676;
	font-family: "Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size: 38px;
	font-weight: normal;
	left: -5px;
	letter-spacing: -2px;
	position: relative;
	top: 4px;
}

h5 span {
	color: #000000;
}

	h5 span.actions {
		max-width: initial;
	}

	h5 span.new:before {
		background: #ed1c24;
		border-radius: 3px;
		color: #ffffff;
		content: "New !";
		font-weight: bold;
		padding: 6px 20px;
	}

	h5 span.status label {
		color: #000000;
		font-weight: bold;
	}

#globalActions a {
	background: #0071bc;
	border: 0;
	border-radius: 3px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 8px 24px;
}

	#globalActions a:hover {
		background: #205493;
		text-decoration: none;
	}

#globalActions input:last-of-type {
	margin: 0;
}

/* Status */

.status.approved {
}

.status.denied {
	color: #ed1c24;
}

.status.pending {
}

.status.withdrawn {
}

.status.draft {
}

/* Link Icons / Button Icons */

/* Icons */
a.chat:before {
	background: url('/mspp/images/feedbackAlert.png') no-repeat;
	content: "";
	height: 16px;
	width: 18px;
}

a.link {
	font-weight: bold;
}

	a.link:before {
		background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
		background-position: -373px -1px;
		content: "";
		height: 16px;
		width: 18px;
	}

a.copy {
	font-weight: bold;
}

	a.copy:before {
		background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
		background-position: -373px -55px;
		content: "";
		height: 16px;
		width: 18px;
	}

a.add {
	font-weight: bold;
}

	a.add:before {
		content: "+";
		font-size: 20px;
		font-weight: bold;
		padding: 0 5px 0 0;
	}

.approvedStatus, .trueFlag, a.edit {
	color: #5f9e45;
	font-weight: bold;
}

	a.edit:before {
		background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
		background-position: 0 -81px;
		content: "";
		height: 16px;
		width: 18px;
	}

a.bulkEdit {
	color: #cf9700;
	padding: 0 0 0 20px;
}

	a.bulkEdit::before {
		background: rgba(0, 0, 0, 0) url("/cdn/img/mspp/imspp-icons-all.png") no-repeat scroll 0 0;
		content: "";
		height: 16px;
		width: 18px;
	}

a.cancel {
	color: #a1a1a1;
	font-weight: bold;
	z-index: 1;
}

	a.cancel:before {
		background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -174px 0;
		content: "";
		height: 16px;
		width: 18px;
	}

a.files:before, a.download:before {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -149px 0;
	content: "";
	height: 16px;
	left: unset;
	position: relative;
	width: 18px;
}

a.excel:before, a.Excel:before,
a.pdf:before, a.PDF:before {
	left: unset;
	position: relative;
	top: 5px;
}

a.view:before {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat;
	background-position: -316px -81px;
	content: "";
	height: 16px;
	width: 18px;
}

a.closeView:before {
	background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
	background-position: -71px -81px;
	content: "";
	height: 16px;
	width: 18px;
}

.deniedStatus, .falseFlag, a.delete {
	color: #ed1c24;
	font-weight: bold;
}

.returnedStatus, .reviewStatus, .scheduled, .warning, .restrictedUserMessage {
	color: #9f6c00;
	font-weight: bold;
}

a.delete:before {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll 0px -108px;
	content: "";
	height: 16px;
	width: 18px;
}

.withdrawnStatus, .disabled {
	color: #767676;
	font-weight: normal;
}

a.disable, .disable {
	color: #cf9700;
}

	a.disable:before {
		background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
		background-position: -216px -81px;
		content: "";
		height: 18px;
		width: 18px;
	}

a.enable, .enable {
	color: #5f9e45;
}

	a.enable:before {
		background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
		background-position: -292px -81px;
		content: "";
		height: 18px;
		width: 18px;
	}

a.review:before {
	background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
	background-position: 0 -81px;
	content: "";
	height: 16px;
	width: 18px;
}

a.save:before {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -398px -27px;
	content: "";
	height: 16px;
	width: 18px;
}

a.log {
	position: relative;
	z-index: 1000;
}

	a.log:before {
		background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -100px 0;
		content: "";
		display: inline-block;
		height: 16px;
		margin: 0 4px 0 0;
		width: 18px;
	}


a.logCollapse {
	position: relative;
	z-index: 1000;
}

	a.logCollapse:before {
		content: '-';
		margin-right: 8px;
		text-decoration: none;
	}

a.email:before, span.email:before {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -159px -81px;
	content: "";
	height: 16px;
	left: -20px;
	position: absolute;
	width: 16px;
}

a.altEmail:before, span.altEmail:before {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -159px -81px;
	content: "";
	height: 16px;
	left: -20px;
	position: absolute;
	width: 16px;
}

a.phone:before, span.phone:before {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -271px -26px;
	content: "";
	height: 16px;
	left: -20px;
	position: absolute;
	width: 16px;
}

a.altPhone:before, span.altPhone:before {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -271px 0;
	content: "";
	height: 16px;
	left: -20px;
	position: absolute;
	width: 16px;
}

a.important {
	position: relative;
}

	a.important:before {
		color: #ed1c24;
		content: "*";
		font-size: 40px;
		left: -20px;
		top: 0;
		z-index: 1;
		position: absolute;
	}

a.backLink {
	color: #969595;
}

	a.backLink::before {
		content: "«";
		margin: 0 5px 0 0;
	}

.category {
	margin: 10px auto 0;
	height: 16px;
	width: 17px;
}

	.category.medical {
		background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -49px -170px;
	}

div.category.contractual {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -22px -170px;
}

div.category.medical_contractual {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -22px -170px;
	width: 44px;
}

.medal {
	background-size: cover;
	display: block;
	height: 23px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 23px;
}

	.medal.small {
		height: 16px;
		width: 16px;
	}

		.medal.small.bronze, .medal.small.Bronze {
			background: url("/cdn/img/mspp/MedalBronze_16x16.png") no-repeat scroll center center;
		}

	.medal.bronze, .medal.Bronze {
		background: url("/cdn/img/mspp/MedalBronze.png") no-repeat scroll center center;
	}

	.medal.small.expanded-bronze, .medal.small.Expanded-Bronze, .medal.small.ExpandedBronze {
		background: url("/cdn/img/mspp/MedalExpandedBronze_16x16.png") no-repeat scroll center center;
	}

	.medal.expanded-bronze, .medal.Expanded-Bronze, .medal.ExpandedBronze {
		background: url("/cdn/img/mspp/MedalExpandedBronze.png") no-repeat scroll center center;
	}

	.medal.small.silver, .medal.small.Silver {
		background: url("/cdn/img/mspp/MedalSilver_16x16.png") no-repeat scroll center center;
	}

	.medal.silver, .medal.Silver {
		background: url("/cdn/img/mspp/MedalSilver.png") no-repeat scroll center center;
	}

	.medal.small.gold, .medal.small.Gold {
		background: url("/cdn/img/mspp/MedalGold_16x16.png") no-repeat scroll center center;
	}

	.medal.gold, .medal.Gold {
		background: url("/cdn/img/mspp/MedalGold.png") no-repeat scroll center center;
	}

	.medal.small.platinum, .medal.small.Platinum {
		background: url("/cdn/img/mspp/MedalPlatinum_16x16.png") no-repeat scroll center center;
	}

	.medal.platinum, .medal.Platinum {
		background: url("/cdn/img/mspp/MedalPlatinum.png") no-repeat scroll center center;
	}

	.medal.small.catastrophic, .medal.small.Catastrophic {
		background: url("/cdn/img/mspp/MedalCatastrophic_16x16.png") no-repeat scroll center center;
	}

	.medal.catastrophic, .medal.Catastrophic {
		background: url("/cdn/img/mspp/MedalCatastrophic.png") no-repeat scroll center center;
	}

section.disabled:after {
	background: rgba(255, 255, 255, 0.6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

tr.important:after {
	color: #ed1c24;
	content: "!";
	cursor: default;
	font-size: 40px;
	left: -30px;
	position: absolute;
	top: 16px;
}

tr.disabled td:not(:first-child) {
	color: #cccccc;
}

tr.disabled .actions a {
	position: relative;
	z-index: 1;
}

tr.unread {
	font-weight: bold;
}

section ul {
	list-style: outside none none;
}

section div.tools {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
}

	section div.tools nav.toggleAll {
		flex: 1 1 auto;
		margin-bottom: 0;
	}

	section div.tools nav.tabs {
		flex: 1 1 auto;
		font-weight: bold;
		margin: 0;
	}

		section div.tools nav.tabs a {
			background: transparent;
			border: transparent;
			margin: 0 0 0 20px;
			padding: 0;
		}

			section div.tools nav.tabs a:hover {
				border-bottom: 1px solid;
				text-decoration: none;
			}

			section div.tools nav.tabs a.current {
				background: initial;
				border-bottom: 1px solid;
				color: #00a782;
			}

#QuestionPanel section ul li.question.wide > label > ul {
	list-style-type: disc;
	margin-left: 60px;
	margin-top: 8px;
}

section.listOptions {
	padding: 0;
}

	section.listOptions > div {
		margin: 0 0 40px;
	}

		section.listOptions > div:last-child {
			margin: 0;
		}

	section.listOptions h3 {
		color: #000000;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 30px;
		position: relative;
		text-transform: uppercase;
	}

		section.listOptions h3 span {
			color: #767676;
			font-style: italic;
			font-weight: normal;
		}

section .filters .search {
	display: block;
	margin: 0 0 40px;
}

	section .filters .search input[type=text] {
		padding: 11px;
		width: 70%;
	}

	section .filters .search input[type="button"] {
		border-radius: 0;
		/*margin: 0 0 0 -4px;*/
		padding: 12px 60px 12px;
		position: relative;
		/*top: -1px;*/
	}

	section .filters .search *.placeholder {
		font-style: italic;
	}

	section .filters .search *::-webkit-input-placeholder {
		font-style: italic;
	}

	section .filters .search *:-moz-placeholder { /* Firefox 18- */
		font-style: italic;
	}

	section .filters .search *::-moz-placeholder { /* Firefox 19+ */
		font-style: italic;
	}

	section .filters .search *:-ms-input-placeholder {
		font-style: italic;
	}

section .filters .actions {
	display: block;
	margin: 0;
}

	section .filters .actions input {
		display: unset;
		margin: 0 10px 0 0;
	}

section .filters h3 span.actions {
	display: flex;
	font-style: normal;
	position: absolute;
	right: 0;
	top: 0;
}

	section .filters h3 span.actions a {
		margin: 0 0 0 30px;
	}

section .filters ul {
	display: block;
	margin: 0 0 35px;
	padding: 0;
}

	section .filters ul li {
		display: inline-block;
		margin: 0 10px 20px 0;
		vertical-align: top;
	}

section .filters label {
	color: #000000;
}

section.details {
	font-weight: bold;
}

	section.details ul li {
		flex: 0 1 auto;
		margin: 0 60px 35px 0;
	}

	section.details li label {
		display: block;
		font-weight: normal;
		letter-spacing: 1px;
		margin: 0 0 10px;
		max-width: initial;
		text-align: left;
		text-transform: uppercase;
		width: auto;
	}

	section.details li ul {
		flex-flow: column nowrap;
	}

		section.details li ul li label {
			color: #767676;
			display: inline;
			text-transform: none;
		}

		section.details li ul li {
			margin: 0 0 10px 0;
		}

	section.details a.pdf:before {
		left: unset;
		right: -20px;
	}

section.description {
	margin: 40px 0 0;
}

	section.description p {
		font-weight: bold;
		margin-top: 0;
	}

/*.readOnly input, .readOnly select, .readOnly textarea,
.readOnly .select2-container, .readOnly label span,
.readOnly li label span .readOnly .validationMessage {
	display: none;
}*/



/* validation styles */
span.validationMessage:before { /*red icon in left of error message box, moved to this file for lazy loading URL issues */
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll 0px -105px;
	content: "Validation Icon";
	display: inline-block;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}

span.tab.error { /* errors on tab view color of content */
	color: #ce1836 !important;
}

input.ng-invalid { /* field background tint and error border */
	border: 1px solid #ce1836;
	background-color: #ffdddd;
}

select.ng-invalid { /* field background tint and error border */
	border: 1px solid #ce1836;
	background-color: #ffdddd;
}

span.sideNavErrors { /*left nav error styles*/
	color: #ce1836 !important;
	display: block;
	font-style: italic;
	font-weight: normal;
	white-space: nowrap;
}

span.validationMessage { /* error message box */
	/*border: 1px solid #ce1836;*/
	padding: 4px;
	margin-top: 8px;
	font-style: normal;
	display: table;
}

td div span.validationMessage { /* error message box for contained within a table element */
	display: block;
}

section ul li label span.required { /*required label for fields that are not grouped */
	/*font-weight: normal;
	font-style: italic;
	font-size: 12px;
	display: block;*/
}

.questionnaire .answer ul li label span.required { /*required label for fields that are grouped (see address fields for contact/patient/enrollee) */
	/*font-weight: normal;
	font-style: italic;
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 5px;*/
}
/* end validation styles */

.readOnlyText, .readOnlyList {
	display: none;
}

.readOnly .readOnlyText, .readOnly .readOnlyList,
.questionnaire.log .readOnlyText {
	display: block;
}

	.questionnaire.log .readOnlyText li {
		margin: 0;
	}

.editMode section.details li {
	flex: 0 0 auto;
}

section.details li label span {
	display: inline-block;
}

section.details li.locked, section.details li.rmi {
	background: #fcf8e3;
	border: 3px solid #e6a700;
	flex-grow: 1;
	margin-right: 0;
	padding: 20px;
}

	section.details li.locked.full, section.details li.rmi.full {
		width: 100%;
	}

	section.details li.locked:before {
		background: url("/mspp/Images/lockpageicon.png") no-repeat scroll 0 0;
		content: "";
		float: left;
		height: 100%;
		margin: 0 20px 0 0;
		width: 47px;
	}

	section.details li.rmi:before {
		background: url("/mspp/Images/RMI.png") no-repeat scroll 0 0;
		content: "";
		float: left;
		height: 100%;
		margin: 0 20px 0 0;
		width: 84px;
	}

.tooltip:not(.ui-tooltip) {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -490px 0px;
	content: "Tooltip Icon";
	display: inline-block;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}

a + span.tooltip {
	margin: 0 0 0 5px;
}

label .tooltip {
	position: relative;
	top: 1px;
}

#cboxTopCenter {
	background: #777777;
	height: 10px;
}

#cboxTopLeft, #cboxTopRight,
#cboxMiddleLeft, #cboxMiddleRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
	height: 0;
	width: 0;
}

#colorbox.error {
	color: #000000;
}

	#colorbox.delete #cboxTopCenter, #colorbox.error #cboxTopCenter {
		background: #ce1836;
	}

	#colorbox.delete h1, #colorbox.error h1, #colorbox.error #cboxTitle {
		color: #ce1836;
	}

.CoreControlContainer.UnexpectedErrorContainer {
	margin: 4em 0 0;
}

#colorbox.add #cboxTopCenter, #colorbox.confirm #cboxTopCenter {
	background: #0071bc;
}

#colorbox.add h1 {
	color: #0071bc;
}

#colorbox.add h2, #colorbox.confirm h2 {
	color: #0071bc;
}

#colorbox.save #cboxTopCenter {
	background: #777777;
}

#colorbox.edit #cboxTopCenter {
	background: #00884a;
}

#colorbox.edit h1 {
	color: #00884a;
}

#colorbox.edit h2, #colorbox.confirm h2 {
	color: #00884a;
}

#colorbox.error #cboxTopCenter {
	background: #ce1836;
}


#colorbox.warning #cboxTopCenter {
	background: #cf9700;
}

#colorbox.warning h1 {
	color: #cf9700;
}

#colorbox.warning h2 {
	color: #cf9700;
}

#cboxTitle {
	bottom: auto;
	color: #777777;
	font-family: "Droid Serif",Georgia,"Times New Roman",Times,serif;
	position: absolute !important;
	top: 10px;
}

.CoreControlContainer.UnexpectedErrorContainer {
	margin: 4em 0 0;
}

#cboxLoadedContent {
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	padding: 40px 50px;
	width: 100% !important;
}

	#cboxLoadedContent header {
		background: #ffffff;
		flex-flow: row wrap;
		margin: 0 0 2em;
		padding: 0;
		position: relative;
		text-align: center;
		top: unset;
		width: 100%;
	}

		#cboxLoadedContent header h1, #cboxTitle {
			color: #777777;
			display: block;
			font-size: 30px;
			padding: 0 0 25px;
			position: relative;
			text-align: center;
			text-transform: capitalize;
		}

			#cboxLoadedContent header h1::before {
				border-bottom: 1px solid #c2c2c2;
				bottom: 0;
				content: "";
				height: 1px;
				left: 45%;
				position: absolute;
				width: 10%;
			}

	#cboxLoadedContent content h2 {
		color: #000000;
		font-size: 20px;
		padding-right: 0;
	}

	#cboxLoadedContent content h4 {
		font-size: 16px;
		padding: 11px 20px;
	}

		#cboxLoadedContent content h4.accordion::after {
			right: 15px;
			top: 15px;
		}

		#cboxLoadedContent content h4 + div {
			padding: 20px;
		}

	#cboxLoadedContent content section.details {
		color: initial;
		margin: 0;
	}

	#cboxLoadedContent content label {
		color: initial;
	}

	#cboxLoadedContent content .questionnaire .answer ul > li {
		flex: 0 1 30%;
		margin: 0 20px 20px 0;
	}

		#cboxLoadedContent content .questionnaire .answer ul > li.full {
			flex: 0 1 100%;
			margin: 0 0 20px 0;
		}

	#cboxLoadedContent content .delete::before {
		margin: 0 10px 0 0;
	}

	#cboxLoadedContent content .delete {
		display: inline-flex;
	}

	#cboxLoadedContent footer {
		background: #ffffff;
		margin: 10px auto 50px;
		padding: 0;
		text-align: center;
		width: auto;
	}

		#cboxLoadedContent footer input {
			margin: auto;
		}

		#cboxLoadedContent footer a.cancel {
			color: #717171;
			font-weight: normal;
			margin: 10px 0;
		}

#cboxClose {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat -419px 0;
	height: 16px;
	right: 30px;
	top: 14px;
	width: 16px;
}

	#cboxClose:hover {
		background-position: -418px -27px;
	}

.drop-content {
	margin-top: 0 !important;
	max-width: 80vw;
	max-height: 80vh;
}

	.drop-content:before {
		display: none !important;
	}

.drop-element {
	opacity: 0;
	z-index: 10000;
}

	.drop-element.drop-open-transitionend {
		display: block;
	}

	.drop-element.drop-after-open {
		transition: opacity .5s;
		opacity: 1;
	}

	.drop-element.save {
		border-top: 5px solid #777777;
	}

	.drop-element.edit {
		border-top: 5px solid #00a782;
	}

	.drop-element.add, .drop-element.confirm {
		border-top: 5px solid #0071bc;
	}

	.drop-element.delete {
		border-top: 5px solid #ce1836;
	}

		.drop-element.delete input.confirm {
			background-color: #ce1836;
			color: #ffffff;
		}

	.drop-element.list ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 0;
		margin: 0;
	}

		.drop-element.list ul li {
			display: block;
			margin: 10px 0 10px 10px;
		}

			.drop-element.list ul li:first-of-type {
				margin-left: 0;
			}

	.drop-element footer.buttons {
		align-items: center;
		background: initial;
		flex-flow: row wrap;
		justify-content: space-around;
		padding: 0;
		width: auto;
	}

		.drop-element footer.buttons a.cancel {
			font-weight: normal;
		}

			.drop-element footer.buttons a.cancel:before {
				content: none;
			}

.address {
	box-sizing: border-box;
}

	.address > ul {
		display: flex;
		flex-flow: column nowrap;
	}

	.address input.address {
		min-width: 250px;
		width: 100%;
	}

.email input {
	min-width: 250px;
}

.questionnaire > section {
	display: flex;
	flex-flow: row nowrap;
}

	.questionnaire > section > ul {
		width: 100%;
	}

	.questionnaire > section.subSection {
		flex-flow: column wrap;
	}

	.questionnaire > section:only-child {
		padding-bottom: 0;
	}

.questionnaire section.details li {
	margin-top: 35px;
}

.questionnaire h5 span.actions {
	max-width: initial;
}

.questionnaire > ul {
	margin: 0;
	padding: 0;
}

.questionnaire .questionWrapper {
	margin-bottom: 30px;
}

	.questionnaire .questionWrapper > section {
		border-bottom: 1px dashed #cccccc;
	}

.questionnaire .tagWrapper {
	color: #767676;
	position: relative;
	top: -30px;
}

.questionnaire .question {
	color: #000000;
	flex: 0 1 30%;
	font-weight: bold;
	max-width: 250px;
	min-width: 250px;
	padding-right: 20px;
	width: 100%;
}

	.questionnaire .question.short {
		max-width: 30%;
	}

	.questionnaire .question.wide {
		flex: 0 1 50%;
		max-width: 50%;
	}

	.questionnaire .question.full {
		max-width: 100%;
	}

	.questionnaire .question .note {
		font-weight: normal;
	}

	.questionnaire .question label {
		color: #000000;
		margin: 0;
		position: relative;
	}

		.questionnaire .question label p {
			line-height: inherit;
			margin: 0 0 20px;
		}

			.questionnaire .question label p:only-of-type, .questionnaire .question .increment {
				line-height: 1.4em;
			}

	.questionnaire .question .tooltip {
		display: inline-block;
		left: -20px;
		margin: 0px 0 0;
		position: absolute;
		top: 0;
	}

	.questionnaire .question .increment {
		float: left;
		height: 100%;
		margin: 0 10px 0 0;
		min-width: 30px;
	}

.questionnaire .actions {
	margin: 0;
	max-width: 20%;
	order: 2;
	text-align: right;
	z-index: 1;
}

	.questionnaire .actions a {
		margin-left: 10px;
	}

.questionnaire .answer {
	flex: 1 1 70%;
	margin-top: 0;
}

	.questionnaire .answer:last-child:not(:only-child) {
		margin-right: 0;
		padding-left: 20px;
	}

	.questionnaire .answer ul {
		box-sizing: border-box;
		flex: 1 1 auto;
		flex-flow: row wrap;
		margin: 0;
		padding: 0;
	}

		.questionnaire .answer ul > li {
			flex: 0 1 auto;
			margin: 0 20px 20px 0;
		}

	.questionnaire .answer li.full {
		margin-right: 0;
		width: 100%;
	}

		.questionnaire .answer li.full:not(.readOnly) .select2-container {
			display: block;
		}

		.questionnaire .answer li.full .select2-choice {
			width: auto;
		}

	.questionnaire .answer li.wide {
		flex-grow: 1;
	}

	.questionnaire .answer input[type="text"] {
		/*width: 100%;*/
	}

	.questionnaire .answer:not(.readOnly) label {
		display: block;
		width: auto;
	}

	.questionnaire .answer input[type="checkbox"] + label, .questionnaire .answer input[type="radio"] + label {
		display: inline;
		margin-left: 0;
	}

	.questionnaire .answer textarea {
		padding-bottom: 20px;
		width: 100%;
	}

		.questionnaire .answer textarea.tall {
			height: 200px;
		}

	.questionnaire .answer .full > label {
		width: auto;
	}

	.questionnaire .answer .note {
		margin-bottom: 10px;
	}

	.questionnaire .answer.full {
		flex: 1 1 100%;
	}

#mainContent #sideNavigation nav.sections:not(.actions) a {
	font-weight: normal;
	margin: 0 0 0 35px;
}

nav.sections span {
	color: #000000;
	left: -35px;
	position: absolute;
}

nav.sections select {
	margin: 0 0 20px;
}

nav.toggleAll {
	margin-bottom: 20px;
	position: relative;
	text-align: right;
}

	nav.toggleAll a:first-of-type:after {
		color: #000000;
		content: "";
		display: inline-block;
		margin: 0 8px;
	}

nav.tabs {
	display: flex;
	flex-flow: row wrap;
	margin: 0 0 40px;
}

	nav.tabs a {
		background: #f1f1f1;
		border: 1px solid #cccccc;
		color: #0071bc;
		cursor: pointer;
		font-family: Arial,Helvetica,sans-serif;
		font-weight: bold;
		margin: 0 4px 4px 0;
		padding: 6px 11px;
	}

		nav.tabs a.current {
			background: #0071bc;
			color: #ffffff;
		}

nav:not(.actions) > a span.count {
	color: #767676;
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 0;
}

a.collapse:before {
	content: '-';
	display: inline-block;
	margin-right: 8px;
	text-decoration: none;
}

a.expand:before {
	content: '+';
	display: inline-block;
	margin-right: 8px;
	text-decoration: none;
}

a.filterToggle.collapsed::before {
	content: "+";
	display: inline-block;
	margin-right: 8px;
}

a.filterToggle.expanded::before {
	content: "-";
	display: inline-block;
	margin-right: 8px;
}

a.filterAdvancedToggle.collapsed::before {
	content: "+";
	display: inline-block;
	margin-right: 8px;
}

a.filterAdvancedToggle.expanded::before {
	content: "-";
	display: inline-block;
	margin-right: 8px;
}

.buildVersion {
	color: #ffffff;
	text-align: center;
}

	.buildVersion > strong {
		margin: 0 10px 0 0;
	}

#AppSelectionListOptions {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

	#AppSelectionListOptions li {
		margin: 0 40px 0 0;
	}

		#AppSelectionListOptions li:last-child {
			margin: 0;
		}

	#AppSelectionListOptions label {
		display: block;
		font-weight: bold;
		margin: 0 20px 10px 0;
	}

	#AppSelectionListOptions span {
		display: flex;
		flex-flow: column wrap;
		margin: 0 0 10px;
	}

		#AppSelectionListOptions span a:not(:only-of-type) {
			border-bottom: 1px solid #cccccc;
			padding: 10px 0;
		}

.tier2 {
	border-left: 10px solid #767676;
	margin-bottom: 30px;
	padding-left: 30px;
}

.tier3 {
	border-left: 10px solid #767676;
	margin-bottom: 30px;
	padding-left: 60px;
}

.tier4 {
	border-left: 10px solid #767676;
	margin-bottom: 90px;
	padding-left: 90px;
}

.workspace {
	background: #ffffff;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	height: 100%;
	overflow-y: scroll;
	padding: 20px;
	position: absolute;
	width: 33vw;
	z-index: 1;
}

	.workspace.stuck {
		border-top: 0 none;
		height: 100vh;
	}

	.workspace.full {
		height: auto;
		position: relative;
		width: 100%;
	}

	.workspace h3 {
		font-size: initial;
		font-weight: bold;
		line-height: 1.4em;
		margin: 0 0 20px;
	}

		.workspace h3 span.description {
			color: #969696;
			display: block;
			font-size: 12px;
			font-weight: normal;
			position: relative;
		}

	.workspace h4 {
		background: none;
		border: none;
		color: #00a782;
		padding: 20px 0;
	}

		.workspace h4 + div {
			border: none;
			margin: 35px 0;
			padding: 0;
		}

	.workspace nav.workspaceButtons {
		margin-bottom: 20px;
	}

		.workspace nav.workspaceButtons a {
			margin-right: 10px;
		}

			.workspace nav.workspaceButtons a:last-child {
				border-right: none;
			}

nav.workspaceButtons a.popout {
	background: #ffffff url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -222px 0;
	content: "";
	display: inline-block;
	height: 16px;
	overflow: hidden;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	width: 16px;
}

nav.workspaceButtons a.dock {
	background: #ffffff url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -196px 0;
	content: "";
	display: inline-block;
	height: 16px;
	overflow: hidden;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	width: 16px;
}

nav.workspaceButtons a.undock {
	background: #ffffff url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -246px 0;
	content: "";
	display: inline-block;
	height: 16px;
	overflow: hidden;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	width: 16px;
}

.workspace section.details {
	margin-bottom: 20px;
	padding-top: 20px;
}

	.workspace section.details li {
		flex: 1 1 auto;
		margin: 0 30px 20px 0;
	}

.workspace section.tabPanel {
	border-bottom: 0;
	margin: 0 0 20px;
	padding: 0;
}

	.workspace section.tabPanel #CommentsPanel {
		border: 0 none;
		padding: 0;
	}

	.workspace section.tabPanel .tier1, .workspace section.tabPanel .tier2, .workspace section.tabPanel .tier3 {
		margin-bottom: 0;
		padding: 10px 0 10px 10px;
	}

	.workspace section.tabPanel .tier1 {
		padding: 10px 0;
	}

	.workspace section.tabPanel #CommentsPanel .questionnaire .question {
		flex: 1 1 auto;
		max-width: inherit;
		min-width: inherit;
		width: auto;
	}

		.workspace section.tabPanel #CommentsPanel .questionnaire .question li:not(:first-child) {
			margin: 10px 0 20px;
		}

	.workspace section.tabPanel #CommentsPanel .questionnaire .actions {
		flex: 1 1 auto;
		max-width: inherit;
		order: 1;
		text-align: right;
	}

	.workspace section.tabPanel #CommentsPanel .questionnaire .answer {
		flex: 1 1 100%;
		order: 2;
	}

.workspace footer {
	background: none;
	margin: 35px 0;
	padding: 0;
	width: auto;
}

/* Page Banner Popups */
#ResponseBanner {
	background: #0874b7;
	color: #ffffff !important;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 14px !important;
	left: 0;
	padding: 17px 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 3500;
}

	#ResponseBanner.modal {
		position: relative;
	}

	#ResponseBanner #pageBannerTitle {
		display: inline-block;
		font-weight: bold;
		margin: 0 20px 0 0;
		text-transform: uppercase;
	}

		#ResponseBanner #pageBannerTitle.errorTitle, #ResponseBanner #pageBannerTitle.noteTitle, #ResponseBanner #pageBannerTitle.warningTitle {
			color: #ffffff !important;
			font-family: Arial,Helvetica,sans-serif;
			font-size: 14px;
			text-align: center;
		}

	#ResponseBanner.bannerNote {
		background-color: #0874b7;
	}

	#ResponseBanner.bannerWarning {
		background-color: #cf9700;
	}

	#ResponseBanner.bannerError {
		background-color: #e92220;
	}

	#ResponseBanner span, #ResponseBanner ul {
		text-align: center;
	}

	#ResponseBanner ul {
		display: inline-block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#ResponseBanner ul li {
			font-size: 12px;
		}

	#ResponseBanner .closeNotify {
		white-space: nowrap;
		position: absolute;
		color: #959595;
		text-decoration: none;
		border: 0;
		display: inline-block;
		top: 14px;
		right: 14px;
	}

	#ResponseBanner .closeNotifyIcon {
		height: 16px;
		width: 16px;
		background-image: url('../img/icons/bannerClose.png');
		background-repeat: no-repeat;
		margin: 0 0 0 4px;
		float: right;
	}

	#ResponseBanner .closeNotify a {
		display: block;
		overflow: hidden;
		text-decoration: none;
		text-indent: 100%;
		white-space: nowrap;
	}

/* End Page Banner Popups */

.ui-tooltip.ui-widget {
	background: #363636;
	border: none;
	border-radius: 5px;
	box-shadow: none;
	color: #ffffff;
	display: table;
	font-size: 1em;
	line-height: 1.7em;
	max-width: 450px;
	opacity: 0.95;
	position: absolute;
	z-index: 1;
}

.ui-tooltip-content {
	clear: both;
	padding: 10px;
	white-space: pre-line;
}

	.ui-tooltip-content a {
		color: #70BFFF;
	}

	.ui-tooltip-content .title {
		font-size: 16px;
		padding: 0 10px 0 0;
	}

	.ui-tooltip-content .close {
		position: absolute;
		right: 10px;
		top: 10px;
	}

		.ui-tooltip-content .close:after {
			content: url("../img/global/close.png");
			padding: 0 4px;
			position: relative;
			top: 4px;
		}

@media (max-width: 1366px) {
	body {
		font-size: 12px;
	}

	h2 .headerPlanYear {
		font-size: 34px;
	}

	.questionnaire .question {
		max-width: 160px;
		min-width: 160px;
	}

	.workspace {
		font-size: inherit;
	}

	#cboxClose {
		right: 20px;
	}

	a.add::before {
		font-size: 14px;
	}
}

@media (max-width: 1280px) {
	body {
		font-size: 12px;
	}

	h2 {
		padding: 0 180px 0 0;
	}

	.SecondaryNav {
		top: 41px !important;
	}

	.mobile {
		display: inherit;
	}

	.questionnaire .question {
		max-width: 130px;
		min-width: 130px;
	}

	.workspace.stuck {
		margin-top: 8vh;
		height: 92vh;
	}

	nav.sections a {
		margin: 0 0 0 30px;
	}

	nav.sections span {
		left: -30px;
	}
}

@media (max-width: 1024px) {
	body {
		font-size: 11px;
	}

	header h1 span {
		font-size: 14px;
	}

	header h1 a {
		font-size: 14px;
	}

		header h1 a span {
			display: inline-block;
			font-size: 13px;
			margin: 0 0 0 10px;
		}


	h2 .headerPlanYear {
		font-size: 30px;
	}

	section.details {
		border-top: 1px solid #cccccc;
		display: flex;
		flex-flow: column nowrap;
		margin: 0 0 50px;
		padding: 25px 0 0;
	}

		section.details ul li {
			margin: 0 40px 25px 0;
		}

	label .tooltip {
		margin: 0;
	}

	section .select2-container-multi .select2-choices {
		padding: 0 6px;
	}

	.workspace.stuck {
		margin-top: 10vh;
	}
}

.number {
	display: inline-block;
}

/* global sorting styles */
a.fa-sort-desc:after {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat;
	background-position: -322px 0px;
	content: "";
	border: none !important;
	height: 13px;
	width: 18px;
	display: inline-block;
	margin-left: 5px;
}

a.fa-sort-asc:after {
	background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat;
	background-position: -295px 0px;
	border: none !important;
	content: "";
	height: 13px;
	width: 18px;
	display: inline-block;
	margin-left: 5px;
}

a.fa-sort:after {
	background-position: -310px 20px;
	border: none !important;
	height: 13px;
	width: 18px;
	display: inline-block;
	margin-left: 5px;
}
/*end sotrting styles */

/* section loading graphic */
.sectionLoadingGraphic {
	background: rgba(205, 205, 205, 0.4) url("/cdn/img/global/loader_large.gif") no-repeat scroll center center;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	height: 150px;
	width: 60%;
	color: #767676;
	margin: 0px 0px 30px;
	padding-top: 15px;
	text-shadow: 1px 1px #a1a1a1;
}
/* end section loading grahpic */

/* indicator info styles*/
.indicatorInfo {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

	.indicatorInfo .indicatorInfoText {
		visibility: hidden;
		width: 120px;
		background-color: #555;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
	}

		.indicatorInfo .indicatorInfoText::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		}

	.indicatorInfo:hover .indicatorInfoText {
		visibility: visible;
		opacity: 1;
	}
/* end - indicator info styles*/

/*multi select dropdown styles for details fields */
section.multiSelectSection div.multiselect-dropdown {
	width: 47% !important;
}

section.multiSelectSection li.multiselect-item-checkbox {
	width: 100% !important;
}


/* End Example styles for IRO Vendor */


/*
	END STYLES COPIED FROM FDC

*/

/*
	START STYLES FOR CBA

*/
/* Agency User Registration */
.questionnaire .answer input[type="text"].email,
.questionnaire .answer input[type="text"].positionTitle,
.questionnaire .answer input[type="text"].organizationOffice,
.questionnaire .answer input[type="text"].city,
.questionnaire .answer input[type="text"].phoneNumber {
	width: 350px;
}

/* Document Index sprites */
.icon {
	padding-right: 5px;
	display: inline-flex;
}

.icnPDF {
	height: 16px;
	width: 16px;
	background: url('/cdn/img/global/icnPDF.png') no-repeat;
}

.icnUnion {
	height: 10px;
	width: 15px;
	background: url('/cdn/img/global/icnUnion.png') no-repeat;
}

.icnAgency {
	height: 16px;
	width: 16px;
	background: url('/cdn/img/global/icnAgency.png') no-repeat;
}

.icnLocation {
	height: 16px;
	width: 12px;
	background: url('/cdn/img/global/icnLocation.png') no-repeat;
}

.icnDocType {
	height: 16px;
	width: 16px;
	background: url('/cdn/img/global/icnDocType.png') no-repeat;
}